<template>
  <el-scrollbar>
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="产品详情" name="product">
        <product-detail :id="id"></product-detail>
      </el-tab-pane>
      <el-tab-pane label="附件库" name="second">
        <product-library :id="id"></product-library>
      </el-tab-pane>
      <el-tab-pane label="会议纪要" name="third">Role</el-tab-pane>
      <el-tab-pane label="产品历史" name="fourth">Task</el-tab-pane>
      <el-tab-pane label="产品留言" name="fourth">Task</el-tab-pane>
    </el-tabs>
  </el-scrollbar>
</template>

<script>
import { ref } from 'vue'
import ProductDetail from '@/views/projectManage/components/productDetail'
import ProductLibrary from '@/views/projectManage/components/productLibrary'

export default {
  name: 'product',
  components: {
    ProductLibrary,
    ProductDetail
  },
  setup () {
    const activeName = ref('product')
    return {
      activeName
    }
  },
  props: {
    id: {
      type: Number,
      default: 0,
      required: true
    }
  }
}
</script>

<style scoped>

</style>
